﻿@charset "utf-8";

* {
    padding:0;
    margin:0;
    box-sizing:border-box;
}
html {
    font-size:100px;
}
html, body {
    width:100%;
    height:100%;
    overflow:hidden;
}

ul {
    list-style:none;
}
a {
    text-decoration:none;
    color:#333;
}


body {
    background-color:skyblue;
}

/* ---------------- 加载页面 ------------------- */
.loading {
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    padding:150px 0;
    background-color:#333;
    transition:all 1.5s;
    opacity:1;
}

/* ----------------  分页 -------------------- */
ul {
    width:100%;
    height:100%;
}

li {
    float:left;
    width:20%;
    height:100%;
}
li:nth-child(1) {
    background:#EE1C4D;
}
li:nth-child(2) {
    background:#EF6C42;
}
li:nth-child(3) {
    background:#F3DD66;
}
li:nth-child(4) {
    background:#2E9898;
}
li a {
    display:block;
    height:100%;
    font-size:.15rem;
    text-align:center;
    line-height:200px;
}








